<template>
  <div>
    <my-button width="100px">测试</my-button>
    <my-button type="danger" size="big" width="100px">测试</my-button>
    <my-button type="success" size="small" width="100px">测试</my-button>
    <my-button type="warning" width="100px">测试</my-button>
    <my-button type="info" size="big" width="100px" :show-icon="true" icon="icon-anniu"  >测试

    </my-button>
    <span class="iconfont icon-sousuo_o"></span>
    <div
      :style="{
        'height':'100px',
        'width':'100px',
     'background':'red',
    'margin':'5px'}"
    ></div>
    <div :style="[myStyle]"></div>
  </div>
</template>

<script>
import MyButton from "./myButton.vue";
export default {
  components: {
    MyButton
  },
  data() {
    return {
      haveClass:true,
      classNum:1,
      myStyle:{
        height:"100px",
            width:"100px",
            background:"red",
            margin:"5px"
  
      }
    };
  },
  methods: {}
};
</script>

<style scoped>
</style>